<template>
  <div class="v-container">
    <v-header title="修改和取消服务规则">
        <span class="back" @click="goBack">
          <i class="el-icon-arrow-left"></i>
        </span>
    </v-header>
    <div class="mt">
      <div id="home-category" style="margin-top:5px">
        <div id="login-title" style="margin-top: 10px;padding:10px;border-bottom:1px solid rgb(230, 220, 220)">
          <h3
            class="h3-style2"
            style="margin:0px 0px 0px 5px;color:#808080;border-left: 5px solid #808080"
          >机场贵宾厅</h3>
        </div>
        <p style="color:#333;margin:10px 10px 30px 10px">本服务预约后不可取消/修改</p>
        <div id="login-title" style="margin-top: 10px;padding:10px;border-bottom:1px solid rgb(230, 220, 220)">
          <h3
            class="h3-style2"
            style="margin:0px 0px 0px 5px;color:#808080;border-left: 5px solid #808080"
          >高铁贵宾厅</h3>
        </div>
        <p style="color:#333;margin:10px 10px 30px 10px">本服务预约后不可取消/修改</p>
        <div id="login-title" style="margin-top: 10px;padding:10px;border-bottom:1px solid rgb(230, 220, 220)">
          <h3
            class="h3-style2"
            style="margin:0px 0px 0px 5px;color:#808080;border-left: 5px solid #808080"
          >机场P+R停车</h3>
        </div>
        <p style="color:#333;margin:10px 10px 30px 10px">
          服务预约时间前2小时可在线或致电4008801768-3取消订单，未在线或电话取消订单而又未使用服务的，仍将扣除服务相应权益次数.
        </p>
        <div id="login-title" style="margin-top: 10px;padding:10px;border-bottom:1px solid rgb(230, 220, 220)">
          <h3
            class="h3-style2"
            style="margin:0px 0px 0px 5px;color:#808080;border-left: 5px solid #808080"
          >酒后代驾</h3>
        </div>
        <p style="color:#333;margin:10px 10px 30px 10px">
          如有特殊情况需取消服务的，需至少于原定预约服务前20分钟告知，否则将视同已使用了本次服务并扣减相应权益次数.
        </p>
      </div>
      <div id="login-title" style="margin-top: 10px;padding:10px;border-bottom:1px solid rgb(230, 220, 220)">
        <h3
          class="h3-style2"
          style="margin:0px 0px 0px 5px;color:#808080;border-left: 5px solid #808080"
        >道路救援</h3>
      </div>
      <p style="color:#333;margin:10px 10px 30px 10px">致电4008801768-3/服务商咨询</p>
    </div>
  </div>
</template>

<script>
import vHeader from "@/components/Header.vue";
import countDown from "@/components/CountDown.vue";
import { Toast } from "mint-ui";
import { Resource } from "@/services/resource";
import LocalStorage from "@/services/storage";

export default {
  name: "rules",
  components: {
    vHeader
  },
  methods: {
    // 返回上一页
    goBack() {
      this.$router.go(-1);
    }
  }
};
</script>

<style lang="less" scoped>
// @import url("./style.less");
</style>
<style scoped>
li >>> .mint-field-other {
  position: static;
}
</style>